@charset "utf-8";
/* css reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu{margin:0;padding:0;border:0;background:transparent;}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu{display:block;-webkit-text-size-adjust:none;}
li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
input, select,button,img{vertical-align:middle;}
img{-ms-interpolation-mode:bicubic;-webkit-touch-callout:none;}
address,form{ display:inline;}
a{text-decoration:none!important;outline:none;-webkit-touch-callout:none;color:;border:none;}
html,body{background-color:;width:100%;height:100%;}
h1, h2, h3, h4, h5, h6{font:16px normal 'Microsoft Yahei';}
em{font-style: normal;}
body{font:16px normal 'Microsoft Yahei','Helvetica Neue',Helvetica,sans-serif;margin:0;padding:0;word-wrap:break-word;min-width: 320px;}

.col_white{ color:#fff;}
.col_black{ color:#232323;}
.col_red{ color:#970707;}
.col_99{ color:#999;}
.col_aa{color: #aaa;}
.col_green{ color:#5c9a08; text-shadow:0 2px 2px #ccc;}
.f66{color: #666;}
.f33{color: #333;}
.f16{font-size: 16px;}
.f12{font-size: 12px;}
.f_green_8c{color: #8cd42d}
.col_green_search{color:#178b04;}
.col_end{color:#34cf0b;}
.fl{ float:left;}
.fr{ float:right;}
.cb{ clear:both;}
.mt5{ margin-top:5px;}
.mb5{ margin-bottom:5px;}
.ml5{ margin-left:5px;}
.mr5{ margin-right:5px;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.fb{ font-weight:bold;}
.f18{ font-size:18px;}
.f14{font-size: 14px;}

.qianyue_btn,.vip_btn,.dujia_btn{ display:inline-block; width:35px; height:18px; color:#fff; font-size:12px; text-align:center; line-height:18px; margin:0 0 0 5px; position:relative; top:-3px;}
.vip_btn{ background:#e4b70e;}
.qianyue_btn{ background:#c39c29;}
.dujia_btn{ background:#d62a00;}

body{ background:url(../images/body_bg.jpg) repeat;}
/*页面公用头部*/
#top{ height:49px; background:url(../images/header_bg.jpg) repeat #453943; border-bottom:2px solid #7ba716; position:relative; z-index:200;box-shadow: 0px 4px 6px 0px rgba( 14, 15, 14,.3 );}
#top .categray,#top .booklist{width:70px;overflow: hidden; text-align:center; color:#fff; line-height:50px;box-shadow: inset 0 2px 2px rgba(89,203,241.0.6); position: absolute; }
#top .categray{left:0; top:0;}
#top .booklist{right:0; top: 0;}
#top .logo,#top_coment .logo{margin: 0 70px; text-align:center; padding:5px 0 0 0;}
#top .logo img{height:38px;}
#top .logo em{font-size: 16px; color: #87d125; font-family: "microsoft yahei"; margin-left: 10px; position: relative; top: 2px;}
#top span{display: inline-block; width: 15px; height: 38px; background: url(../images/left_arrow.png) no-repeat center 15px; float: left;}
#top .categray{ border-right:1px dashed #fff; cursor:pointer;}
#top .categray.cur{ background:url(../images/categray_bg.png); color:#151414; text-shadow:2px 2px 4px #fff;}

#top .booklist{border-left:1px dashed #fff;}
#top .categray b{-webkit-backface-visibility: hidden;position: absolute;right: 6px;bottom:7px;width: 0;height: 0;border-width: 6px;border-style: dashed solid solid  dashed;border-color:  transparent #fff #fff transparent;font-size: 0;line-height: 0;}
#top .categray b.cur{border-color:  transparent #030303 #030303 transparent;box-shadow:2px 2px 4px #fff;}
/*书架下拉*/
.categray_box{width:100%; padding-bottom:20px; position:absolute; left:0; top:49px; background:url(../images/categray_bg.png); overflow:hidden; display:none;}
.search_box{height:30px; margin:10px; overflow:hidden; position: relative;}
.search_box .inp-search{width: 100%;padding-right: 78px;height: 30px;-webkit-box-sizing: border-box;border: solid 1px #c8bebe;border-top-color: #BBB;padding-left: 9px;color: #333;font-size: 14px;-webkit-border-radius: 0;-webkit-appearance: none;background: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#fdfdfd));}
.search_box .bton-search{ position: absolute; top: 0px;right: 0px;border: 0;height: 30px;overflow: hidden;background:#423741;width:84px; font-size:14px; color:#fff;-webkit-appearance: none;}
.categray_box ul{ color:#0a0a0a;  overflow:hidden; zoom:1;}
.categray_box ul li{width:25%; text-align:center; margin-top:7px;line-height: 30px;height: 30px;overflow: hidden;text-align: center;text-shadow: 2px 2px 4px #fff; float:left; font-size:16px;}
.categray_box ul li a{color:#0a0a0a;text-shadow: 2px 2px 4px #fff;}
.categray_box ul li a:hover,.categray_box ul li a:visited,.categray_box ul li a:active{color:#0a0a0a;}
/*二级页面公用头部*/
#top_coment{position:relative; line-height:50px; text-align:center;height:49px; background:url(../images/header_bg.jpg) repeat; border-bottom:1px solid #7ba716; color:#fff;}
#top_coment .categray{width:70px;overflow: hidden; text-align:center; color:#fff; line-height:50px;box-shadow: inset 0 2px 2px rgba(89,203,241.0.6);border-right:1px dashed #fff; position:absolute; left:0; top:0; cursor:pointer;}
#top_coment .logo{height:49px; line-height:36px; color:#fff;}

.con_mod{min-width:320px; /*min-height:428px;*/}

/*页面公用底部*/
/* #footer{ height:47px; background:url(../images/header_bg.jpg) repeat #40343e;overflow: hidden;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-o-box-orient: horizontal;-ms-box-orient: horizontal;box-orient: horizontal;display: -webkit-box;display: -moz-box;display: box;}
#footer a{overflow: hidden;-webkit-box-flex: 1;-moz-box-flex: 1;-o-box-flex: 1;-ms-box-flex: 1;box-flex: 1;display: -webkit-box;-webkit-box-pack: center; color:#fff; line-height:38px; margin:5px 0; } */
#footer{ height:47px; background:url(../images/header_bg.jpg) repeat #40343e;overflow: hidden; min-width: 320px;  z-index: 10000;}
#footer a{overflow: hidden;color:#fff; line-height:38px; margin:5px 0; display: inline-block; width:33%; float: left; text-align: center; }
#footer a:hover,#footer a:visited,#footer a:active{ color:#fff;}
.bor_right_d{border-right:1px dashed #fff;}
#footer.fixed{ position:absolute; bottom:0; left:0; width:100%;}

.fixed_footer{ position:fixed; bottom:0;width:100%;}

.loadding{width:36px; height:47px; background:url(../images/load.png) no-repeat; background-size:100%; display:inline-block; margin-right:10px; vertical-align:middle;}
.loadding_more{width:36px; height:47px; background:url(../images/load_more.png) no-repeat; background-size:100%; display:inline-block; margin-right:10px; vertical-align:middle;}
.loadding_no{width:36px; height:47px; background:url(../images/load_no.png) no-repeat; background-size:100%; display:inline-block; margin-right:10px; vertical-align:middle;}

/*遮罩层*/
.mark{width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.5); display:none; z-index:9999;}
/*新增页面底部下载*/
.down_app{height: 62px; border-top: 4px solid #6c9e06; position: fixed; left: 0; bottom: 0; right: 0; background: #fff; padding-top: 10px; z-index: 15000;}
.down_app span{float: left; margin-right: 15px;}
.down_app .logo_left{margin-left: 18px;}
.down_app .logo_txt{font-size: 16px; color: #6c9e06;}
.down_app .downBtn{float: left; padding: 3px 6px; background: #6eb80b; font-size: 15px; color: #fff; position: relative; top: 8px; border-radius: 4px;}
.down_app .close{width: 17px; height: 100%; background: url(../images/close.png) no-repeat; position: absolute; right: 0; top: 0px;}
.down_app .down_load{display: inline-block;}
/* 阿拉丁落地弹窗 */
.btnTwo{ padding-top:10px;}
.btnTwo a{display: inline-block; padding: 0 15px; line-height: 50px; height: 50px; font-size: 16px; background: #ececec; color: #333;}
.btnTwo a:hover{color: #333;}
.btnTwo a.cur{color: #fff; background: #6eb80b; margin-left: 10px;}

/*新增 640 注册弹框 hyj*/
.dialog_box{width: 250px;  background: url(../images/dialog_bg.png); position: fixed; top: 10%; z-index: 13021; left: 50%; margin-left:-125px; padding-bottom: 14px; border-radius: 5px 5px 0 0px;}
.dialog_box .err_box{width: 140px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -15px; background: rgba(0,0,0,.8); text-align: center; color: #fff; z-index: 100; line-height: 30px; border-radius: 3px; font-size: 12px;}
.dialog_box .tit{height: 36px; background: url(../images/dialog_tit_bg.png); text-align: center; line-height: 36px; position: relative; font-size: 18px; font-family: simhei; color: #5f5f5f; text-shadow: 1px 2px 2px #fff; border-radius: 10px 10px 0 0;}
.dialog_box .tit .close{width: 24px; height: 24px; background: url(../images/log_close.png) no-repeat; background-size: 100%; position: absolute; right: 12px; top: 5px;}
.login_list{margin-top: 15px;}
.login_list a{display: block; width: 76%; height: 30px; margin:0 auto 16px; border-width: 1px; border-style: solid; border-radius: 5px; padding-left: 30px; line-height: 32px; font-size: 16px; color: #fff;}
.login_list a.qq{border-color: #116ecd;background-image: -moz-linear-gradient( 90deg, rgb(50,160,223) 0%, rgb(67,189,245) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(50,160,223) 0%, rgb(67,189,245) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(50,160,223) 0%, rgb(67,189,245) 100%);}
.login_list a em{display: inline-block; width: 25px; height: 28px; vertical-align: middle; margin-right: 15px;;}
.login_list a.qq em{background:url(../images/log_qq.png) center 2px no-repeat; background-size: 100%;}
.login_list a.sina em{background: url(../images/log_sina.png) center 2px no-repeat; background-size: 100%; }
/*.login_list a.u17 em{background: url(../images/log_u17.png) center 2px no-repeat; background-size: 100%;}*/
.login_list a.sd em{background:url(../images/log_sd.png) center 2px no-repeat; background-size: 100%;}
.login_list a.sina{border-color: #962a1c;background-image: -moz-linear-gradient( 90deg, rgb(191,69,63) 0%, rgb(230,88,60) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(191,69,63) 0%, rgb(230,88,60) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(191,69,63) 0%, rgb(230,88,60) 100%);}
  .login_list a.u17{border-color: #6eb90a;background-color:#6eb90a;}
  .login_list a.sd{border-color: #17709a;background-image: -moz-linear-gradient( 90deg, rgb(40,144,183) 0%, rgb(49,177,225) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(40,144,183) 0%, rgb(49,177,225) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(40,144,183) 0%, rgb(49,177,225) 100%);}
/*注册*/  
.reg_list label{margin: 0 auto 16px; width: 210px; display: block; position: relative;}
.reg_list{width:210px; margin: 15px auto 16px;}
.reg_list label input{width: 205px; height: 30px; border-radius: 3px; border-style: solid;border-width: 1px;border-color: rgb( 183, 183, 183 );background-color: rgb( 255, 255, 255 ); box-shadow: 0 3px 2px #d9d9d9 inset; padding-left: 5px; line-height: normal; color: #9d9d9d; font-size: 14px;}
#password{padding-right: 40px;width: 165px;}
.reg_list label.cur input{border-color: rgb( 108, 143, 14 )}
.reg_list label input.cur{color: #666;}
.reg_list label .show_text{position: absolute; right: 2px; top: 4px; border: 1px solid #b7b7b7; width: 30px; text-align: center; height: 25px; border-radius: 3px; font-size: 12px; line-height: 25px; color: #666;}
.reg_list label .w_yzm{width: 122px;}
.reg_list .yzm_btn{display: inline-block; float: right; width: 68px; text-align: center; font-size: 12px; height: 30px; line-height: 30px; border-radius: 4px;background-image: -moz-linear-gradient( 90deg, rgb(147,147,147) 0%, rgb(193,193,193) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(147,147,147) 0%, rgb(193,193,193) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(147,147,147) 0%, rgb(193,193,193) 100%); margin-left: 5px; border: 1px solid #a1a1a1; color: #616161;}
.reg_list .yzm_btn.cur{border-color: #ffbd4b;background-image: -moz-linear-gradient( 90deg, rgb(255,197,72) 0%, rgb(255,218,104) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,197,72) 0%, rgb(255,218,104) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,197,72) 0%, rgb(255,218,104) 100%); color: #d36f03;}
.reg_list .reg_btn {width: 212px; height: 30px;border-style: solid;border-width: 1px;border-color: rgb( 186, 186, 186 ); border-radius: 4px;background-image: -moz-linear-gradient( 90deg, rgb(242,242,242) 0%, rgb(230,230,230) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(242,242,242) 0%, rgb(230,230,230) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(242,242,242) 0%, rgb(230,230,230) 100%);
  box-shadow: 0px 3px 3px 0px #b0b0b0; color: #8e8e8e; font-size: 14px;} 
.reg_list .reg_btn.cur{background-image: -moz-linear-gradient( 90deg, rgb(212,95,0) 0%, rgb(246,140,2) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(212,95,0) 0%, rgb(246,140,2) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(212,95,0) 0%, rgb(246,140,2) 100%); border-color: #d77104; color: #fff; box-shadow: none; text-shadow: 0 -1px 1px #734400;}  
  
/*验证码页面*/
.reg_list .yzm_box{position: relative; margin-bottom: 16px;}  
.reg_list .yzm_box img{width: 75px; height: 30px;}
.reg_list .yzm_box a{position: absolute; right: 0; top: 5px; font-size: 12px; color: #0066cc; text-decoration: underline !important;}
.reg_list .reg_btn.yzm_sub_btn{border: 1px solid #41a51e; color: #fff; box-shadow: none; background-image: -moz-linear-gradient( 90deg, rgb(57,162,21) 0%, rgb(80,203,37) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(57,162,21) 0%, rgb(80,203,37) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(57,162,21) 0%, rgb(80,203,37) 100%); text-shadow: 0 -1px 1px #734400; }
/*登录通行证*/
.btn_box {overflow: hidden;}
.btn_box input{width:100px; height: 30px; border: 1px solid #d77104; float: left;text-shadow: 0 -1px 1px #734400; color: #fff;}  
.btn_box input.login_btn{float: right;background-image: -moz-linear-gradient( 90deg, rgb(57,162,21) 0%, rgb(80,203,37) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(57,162,21) 0%, rgb(80,203,37) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(57,162,21) 0%, rgb(80,203,37) 100%); border-color: #41a51e;} 
.btn_box input.register_btn{background-image: -moz-linear-gradient( 90deg, rgb(212,95,0) 0%, rgb(246,140,2) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(212,95,0) 0%, rgb(246,140,2) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(212,95,0) 0%, rgb(246,140,2) 100%);}
  
.reg_list p{text-align: center; color: #5f5f5f; margin-bottom: 16px; font-size: 14px;}
.reg_list .sd_login{height: 32px; width: 100%; border: 1px solid #11638d; display: inline-block;background-image: -moz-linear-gradient( 90deg, rgb(40,144,183) 0%, rgb(49,177,225) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(40,144,183) 0%, rgb(49,177,225) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(40,144,183) 0%, rgb(49,177,225) 100%); line-height: 30px; color: #fff; text-shadow: 0px -1px 0px rgb( 17, 36, 58 );}
.reg_list .sd_login em{display: inline-block; width: 25px; height: 28px; vertical-align: middle; margin-right: 15px;background:url(../images/log_sd.png) center 2px no-repeat; background-size: 100%; margin-left: 27px;}




@media screen and (min-width: 640px) { 
	.dialog_box{width: 490px; left: 50%; margin-left: -245px; border-radius: 10px 10px 0 0px;}
	.dialog_box .err_box{width: 280px; height: 60px; margin-left: -140px; margin-top: -30px; line-height: 60px; border-radius: 5px; font-size: 24px;}
	#password{padding-right: 60px;width: 333px;}
	.dialog_box .tit{height: 77px; line-height: 74px; position: relative; font-size: 30px; text-shadow: 1px 2px 2px #fff;}
	.dialog_box .tit .close{width: 53px; height: 53px; right: 15px; top: 11px;}
	.login_list{margin-top: 30px;}
	.login_list a{width: 325px; height: 62px; margin:0 auto 22px; b padding-left: 60px; line-height: 62px; font-size: 26px;}
  .login_list a em{width: 46px; height: 46px; margin-right: 30px;}
  /*注册*/
  .reg_list{width: 400px;}
  .reg_list label{width:400px;}
  .reg_list label input{width:393px;border-radius: 6px; height: 60px; line-height: normal; font-size: 24px;}
  .reg_list label .w_yzm{width: 240px;}
  .reg_list .yzm_btn{font-size: 18px; width: 136px; height: 60px; line-height: 60px; float: right;}
  .reg_list label .show_text{width: 50px; height: 50px; font-size: 18px; line-height: 50px; top: 7px; right: 2px;}
  .reg_list .reg_btn {width: 407px; height: 60px;font-size: 28px;} 
.reg_list .reg_btn.cur{ text-shadow: 0 -1px 2px #734400;}
/*验证码*/
.reg_list .yzm_box img{width: 150px; height: 60px;}
.reg_list .yzm_box a{top: 12px; font-size: 24px;}

.btn_box input{width:190px; height: 60px; text-shadow: 0 -1px 2px #734400;  font-size: 26px;}  

.reg_list p{margin-bottom: 16px; font-size: 24px;}
.reg_list .sd_login{height: 64px; line-height:60px; text-shadow: 0px -2px 0px rgb( 17, 36, 58 ); font-size: 27px;}
.reg_list .sd_login em{display: inline-block; width: 54px; height: 54px; vertical-align: middle; margin-right: 15px;background:url(../images/log_sd.png) center 2px no-repeat; background-size: 100%; margin-left: 70px;}

}